#Html Table Design

[divinector]

Responsive Pricing Plan

[codingflicks]

Pricing Table design

[seedlinggames]

Nobody needs another TTRPG taxonomy but I made one anyway

Posted here: https://seedlinggames.com/blogging/discourse/game_taxonomy_part_1_v_1.html I have a second blog post that is going to explain the small diagonal line, but basically it's that I think there is influence between those two camps that people don't seem to talk about much, probably due to internet discourse reasons

A million people have already done this - I'm kind of assuming you have vaguely absorbed the existing Internet discussions, and are familiar with terms like OSR, Story Games, etc. If you haven't, run away now and save yourself. But Six Cultures Of Play is probably a prerequisite to understand what I'm talking about, or at least what I'm complaining about.

I will try to, as much as possible, only discuss games that I have played. A lot of taxonomies seem to be written by someone who clearly likes one type of game a lot more than the others. For instance, I will not be discussing LARP because I don't have any relevant experience. I'm also not claiming that I am discussing the complete set of all games that exist, but I think I have played enough of them propose a taxonomy. If you're curious, I have an approximately complete list of games I've played or run here.

What is a TTRPG?

First we're going to have to look at everyone's other least favourite subject of conversation.

TTRPGs have 2 or more people taking on the following 3 roles:

A player, who is responsible for one or more characters who are the protagonists of the story.

A GM, who is responsible for the remainder of the story, such as providing additional characters and other aspects of the environment that the main players exist in. To do so they might determine the outcome of uncertain events or interpret rules agreed upon by the table.

An author, who provides additional, reusable material without being present. I'm using the term "author" for a lack of a better one, but it includes game books, blog posts, maps, drawings, or even fixed principles transmitted orally from game group to game group. These serve to facilitate or even replace GMing, as well as to introduce new ideas to the table without someone being physically present.

The same person often takes on different roles at different times, sometimes in the same game.

If you have only one of these roles, you are probably writing a book, doing improv, or some other activity. Which is of course totally fine.

This isn't the only definition you could come up with, but I think most people would agree it isn't totally wrong, and it's a lens that I'll be using to discuss the game taxonomy.

Maximalist Games

Apparently "maximalist" means something specific in art but I am not educated in such things and might be using the word wrong.

Characteristics of a maximalist game:

The three roles: clearly present and distinct, with the GM and author each taking on a large responsibility for the game experience.

Modularity: Semi-modular: There is a main game system which is designed to be extended by other modules, but these modules cannot be used with other games easily. A game book is typically not a self-contained experience and games are usually open-ended in duration.

Rules: A lengthy, complex ruleset with subsystems for resolving different parts of the game that are likely to come up, primarily oriented around the success or failure of an action and its consequences.

Characters: The complex game mechanics provide an opportunity for players to develop a distinct character before playing them, defined by game mechanics. Character and player motivations are usually aligned.

Narrative structure: Campaigns usually follow conventional narrative structure, but this is driven primarily by the GM, or by adventure modules, which define an outline of the narrative.

Who makes them: Often require more resources to create and thus are made by corporations, but that is changing.

Relationship to other media: While often inspired by fantasy novels, their larger budget and longer history has allowed some of them to develop their own genre conventions distinct from other media, and in some cases have inspired movies and books.

Solo games: Rare, due to the prominent role of the GM.

"Trad" games are a subset of these but a) I hate that word and b) I think the genre, starting especially with 4E and other inspired games, have gone in some very different directions. It roughly corresponds to "Fight D&D" in the Between Two Cairns taxonomy, but some games in this category involve no fighting at all.

Narrative Mechanics Games

The three roles: Blur the lines between GM and player more freely.

Modularity: Usually not very. Each game is made to create a specific experience, and the blurring of GM and player roles makes adding external content more complicated.

Rules: Focused on resolving problems in the context of narrative structures. Rules may facilitate pacing, allow for storytelling outside of linear time, allow players to temporarily take on a GM-like role, and allow for players to work together to create conflict between their characters.

Characters: Mechanics facilitate creating characters according to genre conventions with defined relationships to other characters and to NPCs. Player and character motivations are often not aligned.

Narrative structure: Rules are designed to support conventional narrative structures and genre conventions.

Who makes them: The focused scope of these games mean that they are often made by individuals rather than corporations, but there is a trend towards some of them being made by mid-sized organizations. Long development cycles may be needed to provide a polished experience, leading to some amount of professionalization.

Relationship to other media: Usually strongly inspired by other media, allowing you to create stories similar to movies, books, TV shows, etc.

Solo games: Rare, with Ironsworn as a notable exception.

Some "story games" fall into this, but I think "story games" has split into two meaningfully distinct categories. I've met enough people who only like one of the two categories. I think they are perceived as more similar than they are because there's less internet drama about the difference between them.

Prompt-based storytelling

The three roles: Blur the lines between the GM, player and author, with the GM often being absent.

Modularity: Usually self-contained experiences with limited modularity.

Rules: Often entirely forego mechanics for failure or success; mechanics tend to be minimal and about making suggestions regarding the story to tell, with the written text sometimes acting primarily as a GM or even player who is not present.

Characters: Character creation is usually a minor to nonexistent part of the game, with characters being defined by decisions made at the table. In some cases, all characters are already predefined. Characters are usually defined in words rather than numbers. Player and character motivations are rarely aligned.

Narrative structure: Stories often forego conventional narrative structures, and are focused around exploring relationships, ideas, or experiences. If a narrative structure is defined, it is usually in the form of a defined endpoint, with the purpose of the game being to explore how the characters get there.

Who makes them: Leans heavily towards DIY or single creators. Often comes in formats other than books.

Relationship to other media: Inspiration comes less from established genres and more from life experiences. Genre fiction is less likely to be an inspiration.

Solo games: Very common, due to the reduced role of the GM.

Adventure/exploration games

The three roles: Blur the lines between GM and author, both at the table and culturally.

Modularity: Are highly modular: not only are supplements and adventures often interchangeable, but are often not tied to specific systems.

Rules: Have relatively short rulesets focused on generating situations (on the GM side) and resolving danger (on the player side).

Characters: Characters are mostly created organically in play through interactions with the environment, including the tools at their disposal. Random generation is common. Character and player motivations are usually aligned.

Narrative structure: Campaigns often do not follow a typical narrative structure, aside from perhaps an escalation in danger, scope and/or strangeness.

Who makes them: Their modular nature means that they are often created in a DIY manner, through zines, blog posts, and informal discussions, though mid-size companies are also prevalent.

Relationship to other media: Inspiration from other media is often mostly vibes-based, with genre fiction, folklore, and even musical genres and political movements (for better or worse) being prominent. It doesn't seek to emulate the characters or narrative structure of other genres.

Solo games: Relatively common, usually provided by an additional module that may be specific and general-purpose, often focused on a GM emulator known as an "oracle."

"OSR" games are a subset of these, but a good number of these also make many OSR people very angry. It roughly corresponds to "Door D&D", but dungeon crawling is not inherent to this genre.

Other ways of looking at these categories

You could also map these on axes:

distinct GM/player/writer role vs combined roles: maximalist vs prompt-based at opposite ends of this spectrum

Highly self-contained vs highly modular: narrative vs adventure/exploration

Strong genre conventions vs naturalistic approach: maximalist/narrative vs adventure/exploration/prompt based

Resembles a D&D vs does not really resemble a D&D: maximalist/adventure/exploration vs narrative/prompt based

for symmetry I want to put another axis for maximalist/prompt based but I can't think of anything they have in common. Oh well.

But I also don't think this is a complete enumeration of all possible types of games either - this is some kind of n-dimensional space that has only 4 blobs on it

The part of the taxonomy blog post where you realize this is actually just me going on about my own preferences this entire time

I've played and enjoyed all 4 types of games, but putting this together has helped me figure something out - why it is that I like both the NSR side of OSR games and like the "super weird" story games. And why I don't seem to be the only one, even though these are often talked about as opposites. Because if you split story games into two genres, the similarities between prompt-based games and adventure/exploration games comes out.

[tellthemeerkatsitsfine]

You know that spreadsheet I made? It's got an upgrade. Same information (with some errors fixed), but actually presentable now! Because surprisingly, it turns out that my friend, who is actually knowledgable about IT and used proper web design tools, can make a better looking site than I did by creating an Excel spreadsheet, copying the text into Notepad, adding HTML tags, and uploading the table to some free site that will let you host a single HTML page there.

Seriously, it's awesome. I'm quite enjoying looking at it. It's got a search function that lets you narrow results and actually works. All the links are still there. The text is way more readable, with things like different colours involved (I was going to put colour on my HTML page, but it seemed like too much effort to figure out).

And once again, I would like to say, to Andy Zaltzman, who came on The Bugle and announced that he'd looked up the Chocolate Milk Gang and was confused by the result: the work's been done for you, Andy! And for anyone else who wants it! No one else needs to spend dozens and dozens of hours across several years Googling this odd niche, because I've already done it! And I have a friend who knows how to do websites, so now it's even readable:

This page is going along with a larger archive that's currently under construction, but the whole thing is going to be really cool, archiving comedy is cool and useful. Although if Kitson ever manages to stumble across it, I will deny having any involvement with that archive, or, in fact, ever having heard of Kaniel Ditson.

[highly-nonexistent]

There is something very weird about the relatively short nature of the culture surrounding website creation. As in, like, internet-user-created websites have been around for like 30-31 years at this point, and the culture surrounding them has changed so very much.

People used to create websites left and right for their own needs, their little shops and their little blogs about what they liked. Some websites of course housing horrible content since their dawn, and some being as mundane but as unique as the person behind its code. I have seen older sites, archived, that promoted creating your own site, and that was interesting to see. That culture of creating your own website and of sharing that knowledge on a still-growing facet of communication.

And then at some point social media appeared, and that was interesting, because now everyone was able to quickly present themselves without the need of a website, but that didn't mean people stopped making websites. I mean, hell, Geocities died in 2009, so a lot of people were creating their own websites for free before that time, no need to pay for domain names or hosting. And even without Geocities, there were other website hosting things that yes, while not as customizable, were still a resource for people to work with them. There's still a website floating around that I made when I was a kid using one of these services. Cool stuff.

All this to say that I do feel a weird sense of dread looking back and cross-referencing with the present and seeing things like "website creator powered by AI" and shit like that, because just ?? How did it go plummeting so quickly. There is a weird feeling of having lost a developing culture to corporations making quick access to posting things that, as corporations' nature dictates, are used to sell data or to train models or what have you. Similarly, we get pretty same-y looking pages because of the need to be slick or whatever with designs that just leaves everything looking the same. ALSO, the loss of spaces for kids, or just the gradual lowering of them in favor of cocomelons and whatever else the devil's machine has spawned is like watching an apple decay before having ripened. I do feel like there is this phenomenon in which how to make a site has been lost in the notion of "making a website falls into the realm of evil and scary coding and I could never be a programmer, plus who would look at it, plus we have tools to make them," etc etc etc. Here is a little secret: website creation is not exactly hard to pick up at all. You might say it's very similar to using a rich text editor like Word or a notes app or whatever you use. Similarly, have you used markdown for things like messages or D iscord messages, you know, with the asterisks for bold text and the likes? Markdown is based on html's structures. And truly, you do not have to even learn to code using Javascript if you don't want to, you can just go full html + css and structure your things as you go, adding your little images and your updates. Because guess what !! Html and css are not programming languages, they're a markup language and a stylesheet language respectively, which is a fancy way to say "you make the structure of your page with the first one and make it pretty with the second one". This includes cool stuff like tables, lists, grids, colors, transitions, etc. All of that without any programming. (That being said, if you are interested in programming, Javascript isn't too bad to pick up. The language itself *is* kind of evil, but using it in conjunction with html is not too difficult). I do have to say though, I am glad that there is a push to making your own websites and things, especially with Neocities sprawling a huge community of avid website creators, as well as the huge amount of tutorials and stuff making the push forward with making sites and online spaces and experiences more widely available. Hopefully this becomes a trend that keeps going up, considering the state of seemingly every single social media that has existed since the 2000s- 2010s.

[organized-documents-alt]

Free Photoshop/Editing Tools

Photoshop/Editing Tools

PHOTOSHOPPING

Free Photoshop: https://pixlr.com/x/  

(This site only allows "3 FREE PROJECTS" A Day!))

Photopea: https://www.photopea.com/ 

Sketchpad: https://sketch.io/sketchpad/ 

Kleki: https://kleki.com/ 

Sumo Paint: https://paint.sumo.app/ 

Downloadable

PhotoScape X: http://x.photoscape.org/ 

Photoshop App "GIMP": https://www.gimp.org/ 

Background Remover: https://www.remove.bg/

Remove BG AI: https://remove-bg.ai/ 

Remove BG: https://remove-white-background.imageonline.co/ 

Watermark Remover: https://www.watermarkremover.io/upload 

Change Haircolor: https://www.cartoonize.net/hair-color-changer/ 

IMAGE TOOLS: https://imgonline.tools/ 

Image Converter: https://www.freeconvert.com/image-converter 

Useful Converter Image/Video/PDF: https://cloudconvert.com/ 

TEXT GENERATORS

Text Generator: https://www.coolgenerator.com/png-text-generator 

Text Generator 2: https://glowtxt.com/ 

Text Designer PHONE: https://apps.apple.com/us/app/text-designer/id1434850234

Font-Generator Picsart: https://tools.picsart.com/text/font-generator/ 

Text Glow: https://fontmeme.com/glow-effect/ 

Upside down text: https://www.upsidedowntext.com/  

Demon Slayer Logo Generator: https://www.textstudio.com/logo/demon-slayer-logo-editable-1314 

Image to Text: https://www.imagetotext.info/

MEASURE/SIZE

Image Measurement: https://www.posterburner.com/Image-Size-Finder.aspx 

Image resizer: https://imageresizer.com/ 

Dimension Resizer: https://www.img2go.com/resize-image 

Flip Image: https://pinetools.com/flip-image 

Image Cropper: https://www.iloveimg.com/crop-image 

Stretch Image: https://batchtools.pro/en/resize/stretch 

MATH

Caculatorsoup: https://www.calculatorsoup.com/calculators/conversions/numberstowords.php 

Demos: https://www.desmos.com/scientific 

Table Creator: https://www.htmltables.io/ 

Heterogeneous Table Generator: https://www.table-generator.de/generator

Calendar: https://www.calendarlabs.com/ 

AI GENERATORS

Craiyon: https://www.craiyon.com/ (Top Free includes watermark)

dezgo: https://dezgo.com/

Deepdream: https://deepdreamgenerator.com/generate 

DRAWING SITES

Sketchpad: https://sketch.io/sketchpad/

Kleki: https://kleki.com/

Sumo: https://sumo.app/

Canva: https://www.canva.com/draw/

Downloadable

Krita: https://krita.org/en/ 

Photo to Outline

Photo to Outline (optional transparent BG): https://tech-lagoon.com/imagechef/en/image-to-edge.html?cache=20240808100244 

Photo to Sketch (White BG): https://suncatcherstudio.com/photo-to-sketch/ 

RemoveWhiteBG: https://remove-white-background.imageonline.co/ 

Remove BG AI: https://remove-bg.ai/ 

CHARACTER CREATORS

PicCrew: https://picrew.me/en 

Meikr: https://meiker.io/ 

Imvu: https://secure.imvu.com/ 

Anime POSE Maker: https://app.justsketch.me/ 

BACKSTORY AI GENERATOR

ToolBaz: https://toolbaz.com/writer/backstory-generator 

CapitaliseMyTitle: https://capitalizemytitle.com/name-generator/character-backstory/ 

PNG (Transparent Background)

PNGEgg: https://www.pngegg.com/ 

PNG Wing: https://www.pngwing.com/ 

CleanPNG: https://www.cleanpng.com/ 

PNGpix: https://pngpix.com/  

Freepnglogos: https://www.freepnglogos.com/images/angel-wings-10863.html 

Pnghut: https://pnghut.com/ 

FreeIconsPng: https://www.freeiconspng.com/ 

Uxwing: https://uxwing.com/ 

PurePNG: https://purepng.com/ 

PNGimg: https://pngimg.com/ 

FreeTransparent: https://freepngtransparent.com/ 

VHV.RS: https://www.vhv.rs/ 

GIFS

Watch this video: https://www.youtube.com/watch?v=GOJHgEQI6Q0 

GIF Maker: https://mediamodifier.com 

Awesome Screen Recorder/Screenshot (Computer Only): (Better quality for Gifs) https://chromewebstore.google.com/detail/awesome-screen-recorder-s/nlipoenfbbikpbjkfpfillcgkoblgpmj 

Crop Video: https://ezgif.com/crop-video 

Convert Image to GIF: https://image.online-convert.com/convert-to-gif 

(Just in case) Video to GIF: https://ezgif.com/video-to-gif 

NOTES

Evernote: https://evernote.com/ 

SimpleNote: https://simplenote.com/  

Standered Notes: https://standardnotes.com/

Obsidian: https://obsidian.md/

Dropbox Paper: https://www.dropbox.com/paper/startZoho  

Notebook: https://www.zoho.com/notebook/

RemNote: https://www.remnote.com/

Notion: https://www.notion.so/ 

Private (optional) Standered Notes: https://standardnotes.com/

Google

Google Docs: docs.google.com/document 

Google Keeps: https://keep.google.com/ 

Downloads

NoteShelf: https://www.noteshelf.net/noteshelf-windows.html  

Joplin: https://joplinapp.org/help/install/ 

Socials

Tumblr: https://www.tumblr.com/dashboard 

Quotev: https://www.quotev.com/

Reddit: https://www.reddit.com/

Wattpad: https://www.wattpad.com/ 

Phone Apps

Notes: https://apps.apple.com/us/app/notes/id1110145109

Goodnotes: https://www.goodnotes.com/

Bear: https://bear.app/ 

ColorNote: https://www.colornote.com/ 

Notepad: https://apps.apple.com/us/app/memo-notepad-for-note-taking/id1004291915

NoteShelf (Ios): https://apps.apple.com/us/app/noteshelf-3-digital-notes/id6458735203  NoteShelf (Android): https://www.noteshelf.net/noteshelf-android.html  

SuperNotes: https://apps.apple.com/us/app/supernotes/id1623606778 

Private (optional) Standered Notes: https://standardnotes.com/ 

FREE WEBSITE CREATORS

Webnode: https://www.webnode.com/ 

Carrd: https://carrd.co/ 

LinkTree: https://linktr.ee/  

[helloanthy]

🗒️ 24.04.2024 ⋅⋅⋅ 📌

pinned post for the meantime since i am working on my desktop html theme 👩🏻‍💻💭❕ #️⃣ blog tags 💜 i will like tomorrow’s new me — extra anthys 💖 someday is today; together we shine — utenanthy 🙈 hello to you too, chu chu! — a wild chu chu appears ✨ allegory allegorier allegoriest — crossover/AUs/anthy's "cosplays" ✒️ gold plated shangri la — anthys based on OG manga & palette 📺 perpetual motion machine — anthys based on the anime & palette 📽️ endless history of the middle ages — anthys based on the film & design 🔮 in the interval between two mirrors — non-crossover AUs, redesigns, & fanon interpretations ✉️ man can also only convey human nature — answered mail & replies 📒 an operating table, a wrecked ship, the pure flow of the play ⋅⋅⋅ — non-art posts (like this one !) art notes, & rambles 💐 stamen, pistil, a small seed ⋅⋅⋅ the children of philosophy — & other ensemble cast members 🆔 that we may see what may not be seen — art with description text 📜 abraxas ~ the sunlit garden — long posts 📇 until the day comes when i’ll understand everything — lyric of the campus — birth records, baptismal records, records of death — HD files of 少女革命ウテナ (1997), アドゥレセンス黙示録 (1999), & Manga Series 🗃️ the inversion of me and my room — strelitzia: thoughts on transfem!saionji & transmasc!nanami — 🎠 how to contribute to the cycle of violence — september 6th finale: do you love the color of utena? 🪑 mikage seminar — school ID #D-13: please fill out the application form at the desk ⚠️ there are good spirits and there are bad spirits — tagged content warnings: #gore cw #blood cw #violence cw #csa cw #grooming cw #sexual assault cw #genderbend cw #transphobia cw #self harm cw #suicide cw

[anexperimentallife]

Y'all really think staff is making these decisions? Nah, man, as someone who used to work in IT, I can confidently tell you that the people who make Big IT decisions for large companies are corporate overlords who are almost always the people least qualified to make such decisions. Then staff has to either do whatever stupid thing the bosses told them to do, or get fired.

All you have to do is look at the recent submarine comedy to understand the phenomenon of people who think having money and power gives them more expertise than folks who have spent years--decades even--honing their skills.

Hell, despite being hired because I knew more about the web than anyone in the company (this was in 2000, so all it took was knowing how to make tables with html, build a css stylesheet, and have a general grasp of usability standards), I had a boss whose areas of expertise were marketing and graphic design constantly trying to tell me how people used the web, and chewing me out for "sucking the life" out of his huge graphics.

(Like, dude, this was when most people had dial-up, and nobody was going to wait five minutes for pretty graphics to load--they were going to click away to a competitor's site that loaded in under thirty seconds. They also weren't going to click through twenty different pages for info that could have been presented on the landing page.)

So yeah. Your ire towards staff is entirely misdirected. All they can do is what their bosses tell them.

[divinector]

Responsive Price Plan Design

[utlitsolution]

Best UI / UX & Graphic Design Services Company | UTL IT Solution

[codingflicks]

Bootstrap Pricing Table design

[ethereal-themes]

FOX: ALL-IN-ONE RP UNIVERSE PAGE BY ETHEREAL THEMES

preview - get the code on payhip ($10) ; matching character page - jones ($10)

All-In-One RP Universe Page

Navigation: Home + Character page link with the popup icons for the plot, ask/submit, neighborhoods, locations and tags/navigation

This is a pop-up theme, see below for specifics on each section. 

Color options for: background, text, two main accents, content backgrounds, color overlays + more

Plot:

Large "Welcome" section, "Town History" section, "About" section, "Blog Stats" section, 150x150 Town Avatar

Ask/FAQ (all sections scrolling):

Large "FAQ" section, "Rules" section, large "Ask/Submit" box section

Neighborhoods Grid:

A wide 2 block wide image (440x185)

A long 2 block tall image (185x440)

A square, 1 block wide/tall image (185x185)

A color overlay square, 1 block wide/tall image (225x225)

*Uses masonry to auto-build the design so use the blocks you like best

Locations (info sections scrolling) - Filtering:

Filters navigation bar. By default these are arranged for location type (food/drink, health, rec, houses, etc) and by status (for rent, for sale, help wanted and under co)

Each location has a 185x185 square image with the info showing on hover. The info includes a location name and two lines of info text plus additional space for info.

Navigation/Tags Grid:

Style one is solid color block with links

Style two is a color overlay background image with links

Mix and match or use one style

Don’t use as base code, remove credit or claim as your own. Do edit any feature to make it your own.

Advanced HTML to edit colors and information as this is only available as an HTML page; box + table size changes not recommended. Let me know if you come across any issues.

[halcyonmine]

Hi there, very interested in this, but I'll admit I'm entirely unfamiliar with jcink. Is there anything I should know about that experience other than I guess rping will be happening in a forum? Will there be an ooc chat where people can easily communicate?

Hello! I'm glad to hear you're interested!

First off, in the applications I see so far, a lot of the people applying are relatively new to or unfamiliar with Jcink, so you wouldn't be alone!

All of the roleplay will occur on the Forum itself, in designated roleplay areas. I have a guide in our guidebook on how to setup your account, as well as HTML you can use on your character profiles!

Other than that, it's very similar to how one would post on a discord roleplay. You find the thread that you want to reply to, hit "reply", type up your reply, and then post it!

One of the nice things about forums is the ability to use what's called posting tables, or HTML templates! Halcyon Mine has some listed on the site itself for members to use freely, and even has a couple that are integrated, eliminating the majority of the HTML code so that you don't have to worry about it! This was done with the fact that some people may not know much about forums/HTML in mind <3

As for OOC, the majority of that will take place in Discord! The only exception would be things like shop purchases and signing up for events, which would happen on the forum for archival purposes, but any OOC discussion, character plotting, etc will all take place on Discord!

I will be here and more than happy to help anyone with the transition from other styles of RP (Discord, Cbox, etc) to forum RP, and questions will be welcome at any time!

I hope this has soothed some of your worries!!! Feel free to let me know if there's anything I've missed!

[i-will-physically-fight-you]

My favorite thing in my web design class is going out of my way to avoid doing tables because I think they're the ugliest thing to look at in basic html

[pinene]

what the fuck is a wedding website and why would a gay couple ever approach a homophobic christian web designer for one. Like bigotry aside there's no HTML or javascript in the bible so how would they be able to help you. I just know they'd be using <table>